<!DOCTYPE html>
<html lang="en">
	<head>
	<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js" type="text/javascript" ></script>
  <script>
    jQuery(document).ready(function() {
      $(".browseFile").change(function(e) {
        var filename = "";
        for(var i = 0; i < this.files.length; i++) {
          filename = this.files[i].name;
          lastMod = this.files[i].lastModifiedDate;
          $(".rightDiv").append("<div style='border: 1px solid'><p>" + filename + "(" + lastMod + ")</p></div>");
          }
      });
    });​
</script>
		
		
		<meta charset="utf-8" />
		<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" />
    <meta name="description" content="" />
  	<meta name="author" content="Vinil Bhandari" />
  	<meta name="viewport" content="width=device-width; initial-scale=1.0" />
		
		<title>inputtype</title>
	
		<link rel="shortcut icon" href="/favicon.ico" />
		<link rel="apple-touch-icon" href="/apple-touch-icon.png" />
	</head>

	<body>
    <input class="browseFile" type="file" multiple="multiple" required="required" autofocus="autofocus" />
	</body>
</html>
